<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
*{
margin:0px;
padding:0px;}
ul{
list-style:none;
}
a{
color:#06C;
text-decoration:none;
}

.col1, .col2, .col3, .col4{
float:left;
width:244px;
border-bottom:1px solid #ddd;
padding:3px;
background:transparent;
}
.col3, .col1{
width: 134px;
}
select, input{
width: 224px;
}
li{
    background:#fff;
        float:left;
        display:block;
}
li:hover{
background:#eee;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<h2 style="color: green; font-weight: bold">Create New Contact</h2>
	<div style="border: 1px solid #ccc; display:block; float:left; clear:both; width: 780px;">
	<ul>
	<li>
	        <div class="col1">First Name *</div>
	        <div class="col2"><input type="text" name="txtFirst" id="txtFirst" ></div>
	        <div class="col3">Manager Name</div>
	        <div class="col4"><input readonly="readonly" type="text" name="txtManager" id="txtManager" style="width: 160px;background: #ACACAC">
	        				<a href = "http://www.google.com.vn">Lookup</a></div>
	</li>
	<li>
	        <div class="col1">Surname *</div>
	        <div class="col2"><input type="text" name="txtSur" id="txtSur"></div>
	        <div class="col3">Contact Type *</div>
	        <div class="col4"><select>
								<option value=""></option>
								<option value="">11111111111111</option>
							</select></div>
	</li>
	<li>
	        <div class="col1">Known As</div>
	        <div class="col2"><input type="text" name="txtKnown" id="txtKnown"></div>
	        <div class="col3">Best Contact Method</div>
	        <div class="col4"><select>
								<option value=""></option>
								<option value="">22222222222222</option>
							</select></div>
	</li>
	<li>
	        <div class="col1">Office Phone</div>
	        <div class="col2"><input type="text" name="txtOffice" id="txtOffice"></div>
	        <div class="col3">Job Role</div>
	        <div class="col4"><input type="text" name="txtRole" id="txtRole"></div>
	</li>
	<li>
	        <div class="col1">Mobile Phone</div>
	        <div class="col2"><input type="text" name="txtMobile" id="txtMobile"></div>
	        <div class="col3">Workbase</div>
	        <div class="col4"><input type="text" name="txtWorkbase" id="txtWorkbase"></div>
	</li>
	<li>
	        <div class="col1">ST Home Phone</div>
	        <div class="col2"><input type="text" name="txtHome" id="txtHome"></div>
	        <div class="col3">Job Title</div>
	        <div class="col4"><input type="text" name="txtTitle" id="txtTitle"></div>
	</li>
	<li>
	        <div class="col1">Email Address</div>
	        <div class="col2"><input type="text" name="txtEmail" id="txtEmail"></div>
	        <div class="col3">Is Active?</div>
	        <div class="col4"><input style="width: 20px" type="checkbox" name="IsActive" id="IsActive" ></div>
	</li>
	</ul>
	</div>
	<br>
	<div style="clear:both; float: right; width: 780px;">
		<input type="submit" value="Submit" style="width: 50px;"> 
		<input type="submit" value="Back" onclick="window.location='Search Contact.html'" style="width: 50px;"> 
	</div>
</body>
</html>